<template>
  <div>
    <van-row>
      <van-col span="24">
        <van-nav-bar fixed :border="false" style="background: none;" @click-left="onClickLeft"  safe-area-inset-top >
          <template #left>
            <van-icon color="black" style="font-weight:bolder;" name="arrow-left" size="20" />
          </template>
        </van-nav-bar>
      </van-col>
      <dbutionMap></dbutionMap>
     <van-col span="24">

     </van-col>
      <van-popup  v-model="show" :overlay="false" round position="bottom" :style="{ height: '32%' }">
        <van-notice-bar
            scrollable
            color="#747d8c"
            left-icon="volume-o"
            background="#ffffff"
            text="受疫情影响，请联系骑手放到指定位置，若已封闭管理，速致骑手协商"
        />
        <van-cell-group :border="false">
          <van-cell :border="false" style="margin-top: .3rem;">
            <span style="display: flex; align-items: center; justify-content: center; font-size: 1.3em; font-weight: bolder;">
                <span>商家正在配送中</span>
                <van-icon name="arrow" />
            </span>
          </van-cell>
          <van-cell :border="false">
            <span style="display: flex; align-items: center; justify-content: center;">
               <van-tag  type="primary" size="large">
              <icon-svg icon-class="my-icon-dengdaishijian" size="1.2"/>
              <span style="padding-left: .3rem;">预计送达时间</span>
            </van-tag>
            </span>
            <span style="color:#ff441a; padding-top: .3rem; display: block; text-align: center; font-size: 1em; font-weight: bolder;">{{time}}</span>
          </van-cell>

          <van-cell :border="false">
            <van-row gutter="20">
              <van-col span="12">
                <van-button :disabled="true" block color="#1abc9c" type="default">修改电话</van-button>
              </van-col>
              <van-col span="12">
                <van-button block  color="#e74c3c" type="default" style="padding-left: 10px;">申请退款</van-button>
              </van-col>
            </van-row>
            <!--<span style="display: flex; align-items: center;  justify-content: center;">-->
            <!--
         </span>-->
          </van-cell>


        </van-cell-group>
      </van-popup>
    </van-row>


  </div>
</template>

<script>
import dbutionMap from "../../../components/Map/dbutionMap";
import {mapState} from "vuex";

export default {
  name: "orderDetail",
  data(){
    return{
      show:true,
      time:'12:06'
    }
  },
  methods:{
    onClickLeft(){
        this.$router.replace("/Order");
    },

  },
  components:{
    dbutionMap,
  },
  computed:{
    ...mapState({
      Amap: (state) => state.Amap.all
    }),
  },
  mounted() {
  },


}
</script>

<style scoped>

</style>
